<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>props校验</title>
	<script src="./vue.js"></script>
</head>
<body>
	<div id="root">
		<child content="Hello"></child>
	</div>
	<script>
		Vue.component('child',{
			props:{
				content:{
					type:String,
					/*required:false, //表示这个props一定要传
					default:"default value"//当没有props时 默认显示*/
					validator:function(value){//对传入的props的值进行判断 当不满足条件时 发出警告
						return (value.length>6)
					}
				}
			},
			template:"<div>{{content}}</div>"
		})
		var vm = new Vue({
			el:"#root"
		});
	</script>
</body>
</html>